<?php include 'common/head.php' ?>

<body id="page1">
<div class="body1">
    <div class="body2" style="background-image: url('images/bg_top_img_3.png');">
        <div class="body3" style="background-image: url('images/bg_top_img_3.png');">
            <div class="main">
                <!-- HEADER -->
                <?php include 'common/header_for_home.php' ?>
                <!-- /HEADER -->
                
                <!-- CONTENT -->
                <section id="content" style="padding-top: 50px;">
                    <div class="line1">
                        <div class="line2 wrapper">
                            <div class="wrapper">
                                <article class="col1">
                                    <h2>Najpopularniejsze</h2>
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/gdynia.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                           Hotel Muszelka, Gdynia
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734;</span>
                                            <span>&#9734; &#9734; &#9734;</span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1200 zł
                                        </p>
                                    </div>
                                    <br/>
                                    
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/kolobrzeg.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                           Pensjonat Pstrąg, Kołobrzeg
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734; &#9734;</span>
                                            <span>&#9734; &#9734;</span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1220 zł
                                        </p>
                                    </div>
                                    <br/>
                                    
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/zakopane.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                           Hotel Fian, Zakopane
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734; &#9734;</span>
                                            <span>&#9734; &#9734;</span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1500 zł
                                        </p>
                                    </div>
                                    <br/>
                                </article>
                                <article class="col1 pad_center">
                                    <h2>Najlepiej oceniane</h2>
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/sanok.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                           Pensjonat pod Rózą, Sanok
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734; &#9734; &#9734; &#9734;</span>
                                            <span></span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1750 zł
                                        </p>
                                    </div>
                                    <br/>
                                    
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/male_ciche.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                           Schronisko Puchatek, Małe Ciche
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734; &#9734; &#9734; &#9734;</span>
                                            <span></span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1350 zł
                                        </p>
                                    </div>
                                    <br/>
                                    
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/stary_smokovec.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                           Hotel Skalny, Stary Smokowiec
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734; &#9734; &#9734; &#9734;</span>
                                            <span></span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1100 zł
                                        </p>
                                    </div>
                                    <br/>
                                </article>
                                <article class="col3">
                                    <h2>Last minute</h2>
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/muszyna_zlocka.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                         Hotel Star, Muszyna Złocka
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734;</span>
                                            <span>&#9734; &#9734; &#9734; &#9734;</span>
                                        </p>
                                        
                                        <p class="price"> 
                                           900 zł
                                        </p>
                                    </div>
                                    <br/>
                                    
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/szczyrk.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                          Hotel Skrzyczne, Szczyrk
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734;</span>
                                            <span>&#9734; &#9734; &#9734;</span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1220 zł
                                        </p>
                                    </div>
                                    <br/>
                                    
                                    <figure class="tour_image" onclick="showDetails('offert1');"><img src="images/ofert/zakopane.jpg" alt=""></figure>
                                    <div class="pad">
                                        <p class="place"> 
                                         Schronisko Miś, Zakopane
                                        </p>
                                        
                                        <p class="rating">
                                            <span class="full">&#9734; &#9734; &#9734;</span>
                                            <span>&#9734; &#9734;</span>
                                        </p>
                                        
                                        <p class="price"> 
                                           1500 zł
                                        </p>
                                    </div>
                                    <br/>
                                </article>
                            </div>
                            <div class="wrapper buttons">
                                <article class="col1">
                                    <a href="ofert.php" class="button">Zobacz więcej ofert</a>
                                </article>
                                <article class="col1 pad_center">
                                    <a href="ofert.php" class="button">Zobacz więcej ofert</a>
                                </article>
                                <article class="col1">
                                    <a href="ofert.php" class="button">Zobacz więcej ofert</a>
                                </article>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

<div class="body4">
    <div class="main">
        <section id="content2">
        </section>
    </div>
</div>
<!-- /CONTENT -->


<!-- FOOTER -->
<?php include 'common/footer.php' ?>
<!-- /FOOTER -->

<!-- FOOTER -->
<?php include 'common/common_scripts.php' ?>
<!-- /FOOTER -->

<script type="text/javascript">
    $(document).ready(function() {
        $("#menu li:eq(0)").attr("id", "active");
    });
    
    function showDetails(offertId) {
         document.location = 'ofertDetails.php';     
    }
</script>
</body>
</html>